<template>
	<view class="parkingmain" style="padding-top: 20px;">
		<div class="parkinginfo" v-for="item in userParkingInfo" :key="item.id">
		        <div :span="24"
		          ><div
		            class="grid-content"
		            style="
		              font-weight: 700;
		              font-size: 18px;
		              border-bottom: 1px dashed #000;
		            "
		          >
		            车位所有权信息
		          </div></div
		        >
		        <div 
		          ><div class="grid-content">
		            产权信息编号：<span>{{ item.right.id }}</span>
		          </div></div
		        >
		        <div 
		          ><div class="grid-content">
		            车位编号：<span>{{ item.right.item }}</span>
		          </div></div
		        >
		        <div 
		          ><div class="grid-content">
		            车位归属人身份证号：<span>{{ item.right.belong }}</span>
		          </div></div
		        >
		        <div :span="24"
		          ><div
		            class="grid-content"
		            style="
		              font-weight: 700;
		              font-size: 18px;
		              border-bottom: 1px dashed #000;
		            "
		          >
		            车位信息
		          </div></div
		        >
		        <div 
		          ><div class="grid-content">
		            车位编号：<span>{{ item.park.id }}</span>
		          </div></div
		        >
		        <div 
		          ><div class="grid-content">
		            车位所在小区：<span>{{ item.park.location }}</span>
		          </div></div
		        >
		        <div 
		          ><div class="grid-content">
		            车位标价：<span>{{ item.park.price }}￥</span>
		          </div></div
		        >
		        <div 
		          ><div class="grid-content">
		            车位号：<span>{{ item.park.number }}</span>
		          </div></div
		        >
		
		        <!-- <div 
		          ><div class="grid-content">
		            车位状态：<span>{{ parkingStatus(item.park.status) }}</span>
		          </div></div
		        > -->
		        <div 
		          ><div class="grid-content">
		            备注：<span>{{ item.park.note }}</span>
		          </div></div
		        >
		    </div>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				userParkingInfo: [{
					"right": {
						"id": 13,
						"item": 7,
						"belong": "111111"
					},
					"park": {
						"id": 7,
						"location": 5,
						"price": 15000,
						"number": 0,
						"status": -1,
						"note": "0011"
					}
				}]
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style lang="scss" scope>
	.parkingmain {
	  padding: 0 50px;
	  .parkinginfo {
	    border: 2px solid #bbb;
	    box-shadow: 3px 3px 9px #999;
	    border-radius: 15px;
	    padding: 10px 35px;
	    margin-bottom: 15px;
	  }
	}
</style>
